<link rel="stylesheet" href="http://10.202.1.109/workForYangtzeu/administrator/assets/style/jqueryui.css" type="text/css">
<link rel="stylesheet" href="http://10.202.1.109/workForYangtzeu/administrator/assets/zTree/zTreeStyle.css" type="text/css">
<script src="http://10.202.1.109/workForHTML/js/jquery.ztree.core-3.4.js" type="text/javascript"></script>
<script src="http://10.202.1.109/workForHTML/js/jquery.ztree.excheck-3.4.js" type="text/javascript"></script>
<script src="http://10.202.1.109/workForHTML/js/jquery.ztree.exedit-3.4.js" type="text/javascript"></script>
<script src="http://10.202.1.109/workForyangtzeu/administrator/assets/js/jquery.json.js"></script>
<script src= "http://10.202.1.109/workForyangtzeu/administrator/assets/drag_tree.js"></script>
<style type="text/css">
.domBtn {
	display: inline-block;
	cursor: pointer;
	padding: 2px;
	margin: 2px 10px;
	border: 1px gray solid;
	background-color: #FFE6B0
}

.domBtn:hover {
	background-color: black;
}

.domBtn[treeid="dep_tree"] {
	background-color: red;
}

.domBtn[treeid="emp_tree"] {
	background-color: pink;
}

#disallow_box {
	display: inline-block;
	width: 335px;
	background-color: tomato;
}

#allow_box {
	display: inline-block;
	width: 335px;
	background-color: powderblue;
}

.domBtn_Disabled {
	display: inline-block;
	cursor: default;
	padding: 2px;
	margin: 2px 10px;
	border: 1px gray solid;
	background-color: #DFDFDF;
	color: #999999
}

div.tree {
	background: none repeat scroll 0 0 #F0F6E4;
	border: 1px solid #617775;
	height: 360px;
	margin-top: 10px;
	overflow-x: auto;
	overflow-y: scroll;
	width: 220px;
	float: left;
}
</style>
<div class="content-box">
	<!-- Start Content Box -->
	<div class="content-box-header">
		<h3>权限管理中心</h3>
		<ul class="content-box-tabs">
			<li><a href="<{spUrl c=privilegeManager a=index }>" target="<{spUrl c=privilegeManager a=index ajax=1}>">权限规则列表</a></li>
			<li><a href="<{spUrl c=privilegeManager a=add }>"" class="default-tab" target="<{spUrl c=privilegeManager a=add ajax=1}>">添加新的规则</a></li>
<!-- 			<li><a href="#tab3" target="<{spUrl c=privilegeManager a=edit}>" >编辑规则</a></li> -->
		</ul>
	</div>
	<!-- End .content-box-header -->
	<!-- Start .content-box-content -->
	<div class="content-box-content">
		<div class="tab-content" id="tab1"></div>
		<div class="tab-content default-tab" id="tab2">
			<div class="tree">
				<ul id="dep_tree" class="ztree"></ul>
			</div>
			<div class="tree">
				<ul id="emp_tree" class="ztree"></ul>
			</div>
			<div id="privilege" style="display: block; padding: 2px; border: 1px gray dotted;">
				<div id="allow_box" class="rule_box">
					<span class="domBtn" domId="11">大树</span> <span class="domBtn" domId="12">小草</span> <span class="domBtn" domId="13" onclick="rule_obj.remove_dom(this)">花朵</span>
				</div>
				<div style="margin: 2px; border-bottom: 1px gray dotted; height: 1px;"></div>
				<div id="disallow_box" class="rule_box">
					<span class="domBtn" domId="21">老虎</span> <span class="domBtn" domId="22">狗熊</span> <span class="domBtn" domId="23">狮子</span>
				</div>
				<input type="text" id="privilege_name" name="privilege_name" placeholder="这里输入规则名称"/>
				<input type="button" value="提交" onclick="" />
			</div>
		</div>
		<div class="tab-content " id="tab3"></div>
	</div>
	<!-- End .content-box-content -->
</div>
<!-- End .content-box -->